<!DOCTYPE html>
<html lang="en">
<title>预约上门</title>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no，mui-master\dist\fonts\mui.ttf">
    <title>预约上门</title>
    <!--标准mui.css-->
    <link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css"/>
    <link rel="stylesheet" href="../../plugin/weui/css/weui.min.css" />
    <link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../plugin/mui/css/mui.picker.min.css"/>
</html>
<style type="text/css">
    .grid {
        width: 100%;
        height: 50px;
        background: white;
        margin-top: 10px;
    }

    .grid-1 {
        width: 25%;
        height: 50px;
        float: left;
        border-right: none;
        /*padding: .2rem .45rem;*/
        text-align: center;
        margin: 0 auto;
        line-height: 50px;
        padding-left: 15px;
    }

    .grid-2 {
        width: 75%;
        height: 50px;
        float: right;
        border: none;
        margin: 0 auto;
        line-height: 50px;
        border: none;
        padding-left: 40px;
    }

    .grid-3 {
        border: none;
        margin-right: 5px;
    }

    .grid-4 {
        border: none;
    }

    .ui-alert1 {
        width: 100%;
        color: black;
        height: 50px;
        margin: 0 auto;
        padding-left: 20px;
        line-height: 50px;
        border: none;
    }

    .mybtn {
        width: 50%;
        float: left;
        height: 44px;
        border: none;
        font-size: 20px;
    }
    .weui_loading{
        /*background-color: white;*/
        border-radius: 10%;
    }
    .weui-icon_toast{
        /*color: blue;*/
    }
    .weui-toast_content{
        /*background-color: white;*/
    }
    .weui-toast{
        /*background-color:white;*/
        border-radius: 10%;
    }
</style>
</head>

<body style="height: initial;">
<div class="grid">
    <div class="grid-1">上门时间</div>
    <a id="hide" style="border: none;">
        <div class="grid-2">
            <div id='startTime' class="ui-alert1">
                <div class="grid-3">
                    <input class="grid-4" placeholder="请选择时间"/>
                </div>
            </div>
        </div>
    </a>
</div>

<footer class="mui-bar mui-bar-footer" style="background: white;">
    <button onclick="javascript:history.back()" class="mybtn" id="">返回</button>
    <button type="submit" class="mybtn" id="show-loading" style="color:#2371FF ;">确认</button>
</footer>
</body>
<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
<script src="../../plugin/mui/js/mui.min.js"></script>
<script src="../../plugin/mui/js/mui.picker.min.js"></script>
<script src="../../plugin/weui/js/jquery-weui.min.js"></script>

<script src="../../common/server.js"></script>
<script src="../../common/common.js"></script>
<script src="../js/order.js"></script>

<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
</script>
<script>
    $(document).on("click", "#show-loading", function() {
    	var id = getUrlParam("repairRecordId");
    	var appointmentTime = $("#startTime").text();

    	Server.postToService("/updateAppointmentTime",{id:id,appointmentTime:appointmentTime},function(result){
    		console.log(result);
    	});
        $.showLoading();
        setTimeout(function() {
            $.hideLoading();
        }, 1000)
    });
</script>
</html>